<template>
    <div>
        <a-modal
         v-model:visible="visibleShow" 
         title="查看" 
         @cancel="visibleShow = false"
         :width="660"
         :footer="null"
         >
            <div class="onSite-arrangements-content" v-if="visibleShow">
                <a-form :form="form" layout="inline" class="onSite-arrangements-form">
                    <a-form-item label="科室" class="flex-1-input-box">
                        <span>{{ formState.ks }}</span>
                    </a-form-item>
                    <a-form-item label="审评类型" class="flex-1-input-box">
                        <span>{{ formState.fjclx }}</span>
                    </a-form-item>
                    <a-form-item label="企业名称" class="flex-1-input-box">
                        <span>{{ formState.fqymc }}</span>
                    </a-form-item>
                    <a-form-item label="地址" class="flex-1-input-box">
                        <span>{{ formState.fqyzszcdz }}</span>
                    </a-form-item>
                    <a-form-item label="企业联系人及电话" class="flex-1-input-box">
                        <span>{{ formState.fqylxr }}--{{ formState.fqylxrdh }}</span>
                    </a-form-item>
                    <a-form-item label="审评范围" class="flex-1-input-box">
                        <span>{{ formState.fcyjcfw }}</span>
                    </a-form-item>
                    <a-form-item label="审评时间" class="flex-1-input-box">
                        <span>{{ formState.fcykssj }}至{{ formState.fcyjssj }}</span>
                    </a-form-item>
                    <a-form-item label="审评员" class="flex-1-input-box">
                        <span>{{ formState.jcry }}</span>
                    </a-form-item>
                    <a-form-item label="备注" class="flex-1-input-box">
                        <span>{{ formState.bz }}</span>
                    </a-form-item>
                 </a-form>
                 
            </div>
        </a-modal>
    </div>
</template>
<script>
import moment from 'moment'
import { uploadZltxwjFile, addZltxwj, queryById, editZltxwj, downloadFile, spcyZltxwjHistoryGetZltxwjFile } from './service/index'
import blobType from '@/common/blobType'
export default {
    components:{
    },
    props:{

    },
    data(){
        return{
            formState:{},
            form: this.$form.createForm(this, { name: 'coordinated' }),
            visibleShow:false,
        }
    },
    watch:{

    },
    mounted(){
        
    },
    methods:{
        getData(val){//无id先保存再修改
            this.formState = {}
            this.formState = val
            
        },
    }
}
</script>
<style lang="less">
.onSite-arrangements-form{
    .ant-form-item-label{
        width: 125px;
    }
    .ant-form-item-control-wrapper{
        width: 200px;
    }
    .ant-upload-list{
        display: none !important;
    }
    .file-box-v{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 1px solid #d9d9d9;
        width: 104px;
        height: 104px;
        overflow: hidden;
        border-radius: 2px;
    }
    .file-icon-v{
        font-size: 42px;
        color: rgb(24, 144, 255);
    }
    .flex-1-input-box{
            display: flex;
            width: 100%;
            .ant-form-item-control-wrapper{
            flex: 1;
        }
        .ant-form-item-control{
            width: 100%;
        }
            .ant-input{
                width: 100% !important;
            }
        }
}
</style>